html,
body {
  background-color: #efefef;
}

.el-header {
  padding: 0 30px;
}

.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
}

.clearfix:after {
  clear: both
}

.el-radio-button__inner {
  padding: 5px 15px;
  font-size: 12px;
  background-color: #ddd;
}

.el-radio-button__orig-radio:checked+.el-radio-button__inner {
  color: #fff;
  background-color: $main-style-red;
  border-color: $main-style-red;
  -webkit-box-shadow: -1px 0 0 0 $main-style-red;
  box-shadow: -1px 0 0 0 $main-style-red;
}

.data-right .el-radio-button__orig-radio:checked+.el-radio-button__inner {
  color: #fff;
  background-color: #2a98e5;
  border-color: #2a98e5;
  -webkit-box-shadow: -1px 0 0 0 #2a98e5;
  box-shadow: -1px 0 0 0 #2a98e5;
}

.data-right .el-radio-button__inner {
  background-color: #1f1f1f;
  border: #1f1f1f;
}

.data-right .el-radio-button:first-child .el-radio-button__inner {
  border-left: 1px solid #1f1f1f;
}

.data-right .el-radio-button__inner:hover {
  color: #fff;
}

.el-radio-button__inner:hover {
  color: $main-style-red;
}

.el-table .cell {
  text-align: center;
}
.el-table .descending .sort-caret.descending {
  border-top-color: $main-style-red;
}

.el-table .ascending .sort-caret.ascending {
  border-bottom-color: $main-style-red;
}

.el-table td,
.el-table th.is-leaf {
  border: none;
}

.el-table::before {
  background-color: transparent;
}

.dialog-redAdmin {
  .el-dialog__header {
    padding: 20px;
    text-align: center;
    background-color: $main-style-red;
    .el-dialog__title {
      color: #fff;
    }
    .el-dialog__close {
      color: #fff;
    }
  }
  .el-dialog__body {
    padding-bottom: 0;
  }
  .el-dialog__footer {
    text-align: center;
    .el-button--primary {
      background-color: $main-style-red;
      border-color: $main-style-red;
      outline: transparent;
    }
  }
}

hr {
  border: 1px #eee solid;
}

.el-button {
  outline: $main-style-red
}

.data-right {
  .el-table th, .el-table tr {
    background: #131313;
    color: #fff;
  }
  .el-table--enable-row-hover .el-table__body tr:hover>td {
    background-color: #1f1f1f;
    color: #fff;
  }

  .el-table .descending .sort-caret.descending {
    border-top-color: #2a98e5;
  }
  .el-table .ascending .sort-caret.ascending {
    border-bottom-color: #2a98e5;
  }
}

.el-radio__input.is-checked+.el-radio__label {
  color: $main-style-red;
}

.el-radio__input.is-checked .el-radio__inner {
  border-color: $main-style-red;
  background: $main-style-red;
}

.el-radio.is-bordered.is-checked {
  border-color: $main-style-red;
}

.el-input.is-active .el-input__inner, .el-input__inner:focus {
  border-color: $main-style-red;
  outline: 0;
}

.el-date-table td.today span,
.el-button--text {
  color: $main-style-red;
}

.el-button.is-plain:focus, .el-button.is-plain:hover {
  border-color: $main-style-red;
  color: $main-style-red;
  outline: 0;
}

.el-switch.is-checked .el-switch__core {
  border-color: $main-style-red;
  background-color: $main-style-red;
}

.el-button:focus,
.el-button:hover {
  color: $main-style-red;
  border-color: rgba(229, 42, 51, 0.51);
  background-color: rgba(236, 245, 255, 0.25);
  outline: 0;
}

.el-select .el-input.is-focus .el-input__inner {
  border-color: $main-style-red;
}

.el-select-dropdown__item.selected {
  color: $main-style-red;
}

.el-select .el-input__inner:focus {
  border-color: $main-style-red;
}

.el-checkbox__input.is-checked .el-checkbox__inner, .el-checkbox__input.is-indeterminate .el-checkbox__inner {
  border-color: $main-style-red;
  background-color: $main-style-red;
}

.el-checkbox__input.is-checked+.el-checkbox__label {
  color: $main-style-red;
}

.el-checkbox__inner:hover,
.el-checkbox__inner:focus,
.el-checkbox__input.is-focus .el-checkbox__inner {
  border-color: $main-style-red;
  outline: $main-style-red;
}

.el-notification {
  z-index: 201;
}
